<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>创新研发-工艺流程</title>
  <!-- 链入css初始化 -->
  <link rel="stylesheet" href="../../css/base.css">
  <!-- 链入头部和底部通用样式 -->
  <link rel="stylesheet" href="../../css/reset.css">
  <link rel="stylesheet" href="../../css/common.css">
  <!-- 链入首页主体样式 -->
  <link rel="stylesheet" href="../../css/index.css">
  <!-- 公共样式 -->
  <link rel="stylesheet" href="../../css/idangerous.swiper.css">
  <link rel="stylesheet" type="text/css" href="../../css/animate.css">
  <link rel="stylesheet" type="text/css" href="../../css/style.css">
  <link rel="stylesheet" type="text/css" href="../../common/common.css">
  <link rel="stylesheet" type="text/css" href="../../css/culture/list.css">
  <!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<![endif]-->
</head>

<body>
  <header></header>

  <div class="productList-container">
    <div class="common-container-img">
      <img class="bannerPc" src="../../img/culture/banner.jpg" alt="">
      <img class="bannerMb" src="../../img/new/banner_02.jpg" alt="">
      <ul class="common-container-type clearfix wow fadeInUpBig">
        <li onclick="window.open('list1.html')"><img class="hides" src="../../img/select.jpg" alt=""><img class="icon"
            src="../../img/culture/icon1-1.png" alt=""><span>发展历程</span></li>
        <li class="active"><img class="hides" src="../../img/select.jpg" alt=""><img class="icon"
            src="../../img/culture/icon2-1.png" alt=""><span>企业文化</span></li>
        <li onclick="window.open('list.html')"><img class="hides" src="../../img/select.jpg" alt=""><img class="icon"
            src="../../img/culture/icon3.png" alt=""><span>旗下品牌</span></li>
      </ul>
    </div>
    <div class="process">
      <div class="companyDevelopment">
        <div class="companyDevelopment-news wow fadeInUpBig">
          <div class="companyDevelopment-news-content">

            <div class="text">
              公司在多年的发展过程中，形成和积淀了浓厚的亲情文化、诚信文化、和谐文化等企业文化。“进了十三香的门，都是一家人”一直是公司坚持的优良传统，公司把员工当作亲人看待，既提供优厚的福利待遇，又提供成长发展的平台，全体员工亲如一家。坚持“以质量求生存，以信誉求发展”，赢得了合作伙伴与广大用户的高度信赖，建立了稳固的原料供应和产品销售网络。坚持“发扬传统美德，打造和谐团队”，用传统美德教人育人，建设了一支德才兼备的人才队伍，全体员工一心一意助力企业发展，把企业当家建。独特而厚重、先进而自信的十三香文化，像阳光和雨露一样哺育着十三香不断成长壮大。
            </div>
          </div>
        </div>
        <ul class="customerList wow fadeInUpBig">
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t1.png">
              <p>
                <span class="t">核心价值观</span>
                <span class="en bannerPc">CORE VALUES.</span>
                <span class="des">以人为本、用户至上、质量兴企</span>
              </p>

            </div>
          </li>
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t2.png">
              <p>
                <span class="t">企业使命</span>
                <span class="en bannerPc">Corporate mission.</span>
                <span class="des">让中国人吃上正宗的调料</span>
              </p>
            </div>
          </li>
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t3.png">
              <p>
                <span class="t">企业愿景</span>
                <span class="en bannerPc">Corporate vision.</span>
                <span class="des">打造全国一流民营企业</span>
              </p>
            </div>
          </li>
          <li class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
            <div>
              <img src="../../img/culture/t4.png">
              <p>
                <span class="t">企业发展</span>
                <span class="en bannerPc">Enterprise development.</span>
                <span class="des">打造传统而智能化现代企业</span>
              </p>
            </div>
          </li>
        </ul>
        <!--轮播-->
        <div class="customer-swiper">
          <div class="swiper-container">
            <span class="arrow-left"></span>
            <span class="arrow-right"></span>
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <img class="" src="../../img/banner1.jpg" alt="">
              </div>
              <div class="swiper-slide">
                <img class="" src="../../img/banner3.jpg" alt="">
              </div>
              <div class="swiper-slide">
                <img class="" src="../../img/banner4.jpg" alt="">
              </div>
            </div>
          </div>

        </div>
      </div>



      <!-- <div class="pagination1"></div> -->
    </div>
  </div>
  <footer></footer>

  <script src="../../js/jquery-1.11.3.min.js"></script>
  <script src="../../public/idangerous.swiper.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
  <script src="../../js/common.js"></script>
  <script type="text/javascript">
    $(function () {
      init()
      function swiperRun() {
        // 横向滚动
        var viewSwiper = new Swiper('.swiper-container', {
          autoplay: 1000,
          visibilityFullFit: true,
          speed: 1500,
          loop: true,
          grabCursor: true,
          // pagination: '.pagination1',
          // paginationClickable: true,
          onSlideChangeStart: function () {
            // updateNavPosition()
          }
        })

        $('.arrow-left').on('click', function (e) {
          e.preventDefault()
          if (viewSwiper.activeIndex == 0) {
            viewSwiper.swipeTo(viewSwiper.slides.length - 1, 1000);
            return
          }
          viewSwiper.swipePrev()
        })
        $('.arrow-right').on('click', function (e) {

          e.preventDefault()
          if (viewSwiper.activeIndex == viewSwiper.slides.length - 1) {
            viewSwiper.swipeTo(0, 1000);
            return
          }
          viewSwiper.swipeNext()
        })

        function updateNavPosition() {
          $('.preview .active-nav').removeClass('active-nav')
          var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
          if (!activeNav.hasClass('swiper-slide-visible')) {
            if (activeNav.index() > previewSwiper.activeIndex) {
              var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
              previewSwiper.swipeTo(activeNav.index() - thumbsPerNav)
            } else {
              previewSwiper.swipeTo(activeNav.index())
            }
          }
        }
      }

      function init() {

        $('header').load('../../template/header.html')
        $('footer').load('../../template/footer.html')

        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
          new WOW().init();
        };

        swiperRun()
      }
    })
  </script>
</body>

</html>